<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>phone reg</title>
    <link rel="stylesheet" href="../css/reg.css" />
    <link rel="stylesheet" href="../font/iconfont.css" />
    <link rel="stylesheet" href="../font_2520519_h1rmxotes3i/iconfont.css" />
    <link rel="stylesheet" href="../font_/iconfont.css" />
    <script src="../js/reg.js" type="module"></script>
  </head>
  <body>
    <!-- 头部 -->
    <div class="header">
      <div class="header-c">
        <img src="../images/huawei.png" alt="" class="huawei" />
        <p class="vmall">华为商城</p>
      </div>
    </div>
    <!-- 内容 -->
    <div class="con">
      <!-- 左边 -->
      <div class="con-left">
        <div class="list list1">
          <a href="./reg.html" class="phone">
            <span class="iconfont icon-shouji"></span>
            <span class="name">手机号注册</span>
          </a>
        </div>
        <div class="list list2">
          <a href="./reg2.html" class="email">
            <span class="iconfont icon-youjian"></span>
            <span class="name">邮箱地址注册</span>
          </a>
        </div>
      </div>
      <!-- 右边 -->
      <div class="con-right">
        <h2>华为账号注册</h2>
        <p class="p1">
          已有账号，
          <a href="./login.html"
            >去登录
            <span class="iconfont icon-youjiantou"></span>
          </a>
        </p>
        <!-- 表单 -->
        <form action="../../interface/reg.php" method="POST">
          <!-- 国家 -->
          <div class="country">
            <span class="country-span">国家/地区</span>
            <span class="choose">
              中国
              <span class="iconfont icon-xiala"></span>
            </span>
          </div>
          <!-- 手机号 -->
          <div class="pho-b">
            <div class="pho">
              <span class="num">+86(中国)<span class="iconfont icon-xiala"></span></span>
              <div class="input-content">
                <input id="phone" type="text" placeholder="请输入手机号" class="input-pho" name="phone" />
              </div>
            </div>
            <p class="err err5" style="clear: both; color: red; font-size: 12px; text-align: left; margin-top: 5px; height: 15px; display: none">
              <span class="iconfont icon-iconfontgantanhao" style="font-size: 12px; margin-left: 5px"></span>
              手机号不正确
            </p>
          </div>
          <!-- 短信验证码 -->
          <div class="yanzheng">
            <input type="text" placeholder="短信验证码" class="ma" />
            <span>获取验证码</span>
          </div>
          <!-- 密码 -->
          <div class="mm">
            <input type="password" placeholder="密码" class="mima mima1" id="password" name="password" />
            <span class="iconfont icon-bukejian icon-bukejian1"></span>
            <span class="iconfont icon-kejian icon-kejian1" style="display: none"></span>
            <div class="tishi">
              <p class="ts-p1">密码需满足一下要求：</p>
              <p class="ts-p2 p2-fir">至少包含8个字符</p>
              <p class="ts-p2 p2-last">至少含字母和数字，不能包含空格</p>
              <p class="ts-p1">密码强度：</p>
              <p class="ts-p3">勿使用其他帐号密码</p>
            </div>
            <p class="err err1" style="display: none"><span class="iconfont icon-iconfontgantanhao"></span> 至少包含8个字符</p>
            <p class="err err2" style="display: none"><span class="iconfont icon-iconfontgantanhao"></span> 至少含字母和数字，不能包含空格</p>
          </div>
          <!-- 确认密码 -->
          <div class="mm">
            <input type="password" placeholder="确认密码" class="mima mima2" />
            <span class="iconfont icon-bukejian icon-bukejian2"></span>
            <span class="iconfont icon-kejian icon-kejian2" style="display: none"></span>
            <p class="err err3" style="display: none"><span class="iconfont icon-iconfontgantanhao"></span> 密码与确认密码不一致</p>
          </div>
          <!-- 出生日期 -->
          <div class="bir">
            <span class="bir-year">出生日期</span>
            <div class="select-cho">
              <select name="year" id="year">
                <option value="y1">2021年</option>
                <option value="y1">2020年</option>
                <option value="y1">2019年</option>
                <option value="y1">2018年</option>
                <option value="y1">2017年</option>
                <option value="y1">2016年</option>
                <option value="y1">2015年</option>
                <option value="y1">2014年</option>
                <option value="y1">2013年</option>
                <option value="y1">2012年</option>
                <option value="y1">2011年</option>
                <option value="y1">2010年</option>
                <option value="y1">2009年</option>
                <option value="y1">2008年</option>
                <option value="y1">2007年</option>
                <option value="y1">2006年</option>
                <option value="y1">2005年</option>
                <option value="y1">2004年</option>
                <option value="y1">2003年</option>
                <option value="y1">2002年</option>
                <option value="y1">2001年</option>
                <option value="y1">2000年</option>
                <option value="y1">1999年</option>
                <option value="y1">1998年</option>
                <option value="y1">1997年</option>
                <option value="y1">1996年</option>
                <option value="y1">1995年</option>
                <option value="y1">1994年</option>
                <option value="y1">1993年</option>
                <option value="y1">1992年</option>
                <option value="y1">1991年</option>
                <option value="y1">1990年</option>
              </select>
              <select name="month" id="month">
                <option value="m1">1月</option>
                <option value="m1">2月</option>
                <option value="m1">3月</option>
                <option value="m1">4月</option>
                <option value="m1">5月</option>
                <option value="m1">6月</option>
                <option value="m1">7月</option>
                <option value="m1">8月</option>
                <option value="m1">9月</option>
                <option value="m1">10月</option>
                <option value="m1">11月</option>
                <option value="m1">12月</option>
              </select>
              <select name="day" id="day">
                <option value="d1">1日</option>
                <option value="d1">2日</option>
                <option value="d1">3日</option>
                <option value="d1">4日</option>
                <option value="d1">5日</option>
                <option value="d1">6日</option>
                <option value="d1">7日</option>
                <option value="d1">8日</option>
                <option value="d1">9日</option>
                <option value="d1">10日</option>
                <option value="d1">11日</option>
                <option value="d1">12日</option>
                <option value="d1">13日</option>
                <option value="d1">14日</option>
                <option value="d1">15日</option>
                <option value="d1">16日</option>
                <option value="d1">17日</option>
                <option value="d1">18日</option>
                <option value="d1">19日</option>
                <option value="d1">20日</option>
                <option value="d1">21日</option>
                <option value="d1">22日</option>
                <option value="d1">23日</option>
                <option value="d1">24日</option>
                <option value="d1">25日</option>
                <option value="d1">26日</option>
                <option value="d1">27日</option>
                <option value="d1">28日</option>
                <option value="d1">29日</option>
                <option value="d1">30日</option>
                <option value="d1">31日</option>
              </select>
            </div>
            <span class="iconfont icon-iconfontgantanhao">
              <span class="tit">您的出生日期用于确定您在法律范围内可以使用的服务</span>
            </span>
          </div>
          <!-- 注册按钮 -->
          <div class="reg">
            <button id="submit" class="submit" style="cursor: pointer" disabled>注册</button>
          </div>
        </form>
      </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <div class="footer-c">
        <div class="footer-top">
          <ul>
            <li><a href="javascript:;">华为帐号用户协议</a></li>
            <li><a href="javascript:;">关于华为帐号与隐私的声明</a></li>
            <li><a href="javascript:;">常见问题</a></li>
            <li><a href="javascript:;" class="last">Cookies</a></li>
          </ul>
        </div>
        <div class="footer-btm">
          <p>华为帐号 版权所有 © 2011-2021</p>
        </div>
      </div>
    </div>
  </body>
</html>
